.ss-box{background: #ebebeb;padding-top: 15px;padding-bottom: 15px;margin-bottom:10px;}
.ss-box1{color: #292929;font-family: "宋体";font-size: 12px;}
.ss-box1 a{padding-right: 10px;}
.ss_form1{position: relative;width: 240px;height: 25px;}
.ss_inp1{position: relative;float: left;width: 215px;height: 25px;background: #fff;border:0px;display: block;}
.ss_inp2{position: relative;float: right;width: 25px;height: 25px;background: url(../images/ss.jpg) no-repeat;border: 0px;display: block;}

/* 产品 */
.case-All{
    padding: 0px 0;
    margin-top: .3rem;
}
.case-Pro{
}
.proItem{
    width: 100%;
    float: left;
    margin:0.1rem 0;
}
.caseName{
    width: 100%;
    /*text-align: center;*/
    color: #202020;
    padding: 0.2rem 0;
    border-bottom: 1px solid #e1e1e1;
    font-size: 15px;
}

.proItem:hover .caseName{
    border-bottom: 1px solid #145599;
}
/* 遮罩效果 */
.zzpro{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.zzpro>img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform .3s linear;
    border:1px solid #eee
}
.zzpro:hover>img{
    transform: scale(1.2);
    transition: transform .3s linear;
}
.zzpro .jiaico{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 90px 0;
    height: 100%;
    background-color: #145599;
    transform: scale(0);
    transition: transform .3s linear;
    opacity: .6;
}
.zzpro .jiaico img{
    width: 30%;
    margin-top: -10%;
}
.zzpro:hover .jiaico{
    transform: scale(1);
    transition: transform .3s linear;
}


.pro_box1_a1{width: 230px;height: 35px;line-height: 35px;background: #999999;color: #fff;font-size: 14px;display: inline-block;border-radius: 35px;margin:.2rem .1rem;}
.ys{
	background: url(../images/bg1.jpg) no-repeat center;
	height: 760px;
	margin-top: .4rem;
}

.zzpro2,
.zzproBox{
    position: relative;
    width: 100%;
    overflow: hidden;
    border:1px solid #eee;
    transition: .4s;
}
.zzpro2:hover{box-shadow: 4px 5px 8px #ccc;}
.zzpro2>img,.zzproBox>img{width: 100%;height: 100%;transform: scale(1,1);
    transition: transform .3s linear;  }
.zzpro2>img:hover,.zzproBox>img:hover{transform: scale(1.2,1.2);}
/* 产品展示 end*/

/*产品内容区 */
.phoProAll {
    width: 95%;
    margin: 10px auto;
}
.phoProAll li {
    float: left;
    border: 1px solid #8c8c8c;
    margin: 3px;
}
.phoPro {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.phoProAll li a {
    display: block;
    width: 100%;
    padding: 3px 5px;
    background-color: #fff;
    color: #666;
}
.cplist_box {
	background-image: url(../images/index_44.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 12px;
}

.cplist_box h2 {
	height: 60px;
	width: 238px;
	line-height: 60px;
	background: #145599;
	text-align: center;
	color:#fff;
	font-size: 22px;
	font-weight: bold;
}
.fllist_ul{border:1px solid #ccc;width: 238px;border-top:0px;padding-bottom: 14px;padding-top: 10px}
.fillist_li{width: 100%;}
.fill_a{display: block;
background: url(../images/index.gif) no-repeat center;
height: 40px;line-height: 40px;font-size: 16px;color:#020000;
padding-left: 45px;
width: 195px;}
.fill_child{}
.w_onetitle{
    position: relative;
    margin:30px auto;
}
.w_onetitle::before{
    content:"";
    width:100%;
    height: 1px;
    background:#d3d1d2;
    position:absolute;
    left: 0px;
    top:50%;
    margin-top: -0.5px;   
    z-index: -1; 
}
.w_onetitle>a{
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    display: block;
    width:80%;
    height: 20px;
    background:#fff;
    margin:0 auto;
    position: relative;
}
.w_onetitle>a img{
    margin-right: 10px;
    transition: all 1s;
}
/*.w_onetitle>a::before{
    content:url(../images/jt.png);
    position: absolute;
    top:50%;
    left:10px;
    width:7px;
    height: 13px;
    margin-top: -6.5px;
    display: flex;
    justify-content: center;
    align-items: center;
}*/

.fill_child li.open .w_onetitle>a img{
    transform:rotate(90deg);
}
/*
.fill_child li>a{display: block;width: 200px;height: 32px;line-height: 32px;padding-left: 15px;margin: 0 auto;border:1px solid #d3d1d2;font-size: 14px;color:#464646;margin-bottom: 8px}
.fill_child li>a:hover{background: #4d4d4d;color:#fff}*/

.w_twolist{

}
.w_twolist dd{
    display: block;width: 200px;height: 32px;line-height: 32px;margin: 0 auto;border:1px solid #d3d1d2;font-size: 14px;margin-bottom: 8px
}
.w_twolist dd a{
     color:#464646;
     display: block;
     padding-left: 15px;
}
/*.w_twolist dd a:hover{background: #4d4d4d;color:#fff}*/
.dz_box{background: #f4f4f4; border:1px solid #e6e6e6;width: 238px; line-height:28px;padding:19px; font-size:14px;}


.hz_tit {
	height:45px;
	border-bottom: 3px solid #e7e7e7;
	line-height:45px
}
.container_header {
	height: 45px;
}
.title_t {
	font-size: 22px;
	line-height: 55px;
	color: #3c3c3c;
	margin-right: 10px;
	font-weight:bold;
	float:left;
	background: url(../images/jia.png) no-repeat right top;
	width: 100px;
	background-position-y:10px 
}
.title-img{position: relative;top:12px}
.subtitle {
	font-size: 14px;
	color: #bbb;
	line-height: 20px;
	padding-top: 10px;
}
.gd {
    font-size: 13px;
}
/* 产品展示区 */
.proShowAll{
    width: 96%;
    margin: 0 auto;
}
.proShowItem {
    padding: 8px;
    padding-bottom: 0px;
}
.phoProShow{
    margin: 10px auto;
    padding: 10px;
    background-color: #eee;
    color: #3e3d3d;
    font-weight: normal;
    font-family: "Microsoft YaHei", "Arial", "WenQuanYi Micro Hei", sans-serif;
    font-size: 18px;
    text-indent: 10px;
}
.fontBlue{
    color: #0269b8;
}
.phoProShow .small{
    font-size: 12px;
    color: #ccc;
}
.proMore{
    padding: 2px 3px;
    text-indent: 0;
    background-color: #666;
    color: #fff;
    font-size: 16px;
}
.proShowAll p{
    font-size: 14px;
    line-height: 36px;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.case-Pro-show{
	font-size: 12px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    color: #a2a2a2;
    margin-top: 5px;
}
/*产品内容区end */
.gg_box {
    height:150px;
    margin-top: 20px;
    background: url(../images/img2.jpg) no-repeat center;
    font-size: 28px;
    color: #fff;
    font-family: impact;
    line-height: 178px;
    overflow: hidden;
    text-align: right;
}
.gg_box span{
	/*margin-left: 955px;*/
    margin-right: 75px;
}
.casew {
    background-color: #f4f4f4;
    padding-bottom: 50px;
    padding-top: 15px;
    margin-top: .3rem;
}
/* advantage */
.small-title {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
    line-height: 130%;
}
.adv {
	padding: 30px 0;
}
.adv-box1 {
	background: #fff;
	position: relative;
	margin-top:0.4rem;
	padding: 0 0 15px;
	border:#eaeaea 1px solid;
}
.adv-box1 img {
	width: 100%;
}
.adv-box1:hover {
	box-shadow: 3px 3px 3px #dbdbdb;
}
.adv-title{
	position: absolute;
	margin-top: -55px;
	width: 100%;
	padding-top: 25px;
	background: url(../images/ys_icon1.png) no-repeat center;
	text-align: center;
	height: 115px;
	line-height: 30px;
	color: #fff;
	font-size: 24px;
}
.adv-box1 p{
	padding: 0 20px;
}
.adv-p1 {
	font-size: 22px;
	color: #212121;
	line-height: 200%;
	margin:.2rem 0;
}
.adv-p2 {
	font-size: 14px;
	color: #737373;
	min-height: 110px;
	margin-bottom: .3rem;
	line-height: 26px;
}
.adv-a1 {
	display: block;
	width: 76%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: #464646;
	border-radius: 35px;
	background: #e7e7e7;
	margin: .4rem auto;
}
.adv-a1:hover {
	color: #fff;
	background: #145599;
}
.w_left{
    float: left;
}
.w_right{
    float: right;
}
.w_clear{
    clear:both;
}
.w_sctoess{
}
.w_sctoess li{
    width:270px;
    float: left;
    margin-right:30px;
}
.w_sctoess li img{
    width:100%;
}
.scrollmarLR{
    margin: 0 auto;
    width:100%;
    overflow: hidden;
    position: relative;
    display:  block;
}
/* .sctoss{
    height: 500px;
} */
 .scrollmarLR .sctoss{
    width:4000px;
}
/* .scrollmarLR .sctoss a{
    display: inline-block;
    width: 600px;
    float: left;
}
.scrollmarLR .sctoss a img{
    max-width: 100%;
}*/
.smallImg{
    position: relative;
    float: left;
    margin-right:5%;
}
.bigImg{
    position:absolute;
    left:60%;
    top:-500%;
    display:none;
    width:600px;
    height:auto;
    z-index:999;
}
.bigImg img{
    width:100%;
}
.smallImg:hover .bigImg{
    display:block;
}
/* Bootstrap 中默认

@media (max-width: 767px) {  
	/*在小于768像素的屏幕里,这里的样式才生效*/ 
   .adv-p1 {
   	font-size: 16px;
   }
   .adv-p2 {
   	font-size: 12px;
	line-height: 22px;
   }
   .casew{
        padding-bottom:20px;
   }
   .case-Pro-show{
        height:45px !important;
        white-space:initial;
   }
   .proItem .zzpro{
        height:156px;
        overflow: hidden;
   }
    .proShowItem .zzpro2{
         height:147px;
         overflow: hidden;
    }
    .about-p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:4;
        overflow: hidden;
    }
    .ab_img{
         margin-top:-120px;
         margin-bottom:15px;
    }
    .ab_img img{
        width:80%;
        margin:0 auto;
    }
    .about{
        margin-top:90px;
    }
    .yqlj{
        margin-top:15px !important;
        padding-bottom: 0px !important;
    }
    .title_t{
        font-size: 16px;
        line-height:30px; 
    }

}  



/*关于我们*/
.about{background:url(../images/about_bg.jpg) no-repeat center center; ;padding-bottom: 1rem;padding-top:1rem;}
.about-sp1{color:#fff;font-size: 24px;border-bottom: 1px solid #dd3141;padding-bottom: 10px; font-weight:bold; line-height:36px;}
.about-sp2{color:#bbbbbb;font-size: 14px;opacity: .8;padding-left: 9px}
.about-p{color:#fff;margin-top:24px; font-size:13px;}
.about-a1{width: 115px;height: 30px;line-height: 30px;background: #2692dd;display: block;text-align: center;color:#fff;font-size: 15px;margin-top: 18px}
.about-tel{background: url(../images/img9.jpg) no-repeat left;color:#ff9c00;font-size: 30px;font-family: Impact;padding-left: 360px;margin-top: 30px; line-height:36px;}
/*新闻*/
.news-box{border-bottom: 1px dashed #ccc;padding-bottom: 30px;margin-top: 20px}
.news-box4{height: 140px;}
.news-box4 img{width: 100%;height: 100%;}
.news-a1{font-size: 17px;color:#333333;line-height: 34px;font-weight: 500}
.news-p1{font-size: 12px;color:#d7d7d7;line-height: 20px}
.news-a2{color:#3b3b3b;font-size: 14px;margin-top: 10px;display: block}
.myul{margin-top: 10px}
.myul li{width: 305px;height: 28px;line-height: 28px;display: inline-block;background: url(../images/img12.gif) no-repeat left center;padding-left: 25px;overflow: hidden;font-size: 13px}
.news-box3{padding: 30px 30px 15px 30px;background: #f5f5f5;padding-top: 20px}
.news-ul{margin-top: 20px}
.news-ul li{line-height: 30px;background: url(../images/img12-21.gif) no-repeat left;padding-left: 15px;font-size: 14px;height: 30px;overflow: hidden;}
.yqlj {
    font-size: 14px;
    padding-top: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding-bottom: 15px;
    border-top: 1px solid #eaeaea;
    margin-top:8px;
}
.yqljx {
    padding-top: 12px ;
    line-height: 25px;
}
.yqljx a {
    padding-right: 6px;
    color: #838383;
}
.wlfb {
    padding: 10px;
    font-size: 14px;
}
.wlfb span {
    font-size: 16px;
    color: #3c3c3c;
}
.ry {
    background: #f1f1f1;
    padding-bottom: .45rem;
    padding-top: .3rem
}
.title h3 {
    font-size: 22px;
    line-height: 150%
}
.title p {
    font-size: 12px;
    color: #666
}
.swiper-case {
    max-height: 350px;
    overflow: hidden;
    text-align: center;
}
.swiper-case img {
    display: inline-block;
    padding: 4px;
    border:1px solid #e7e7e7
}
.case-p1 {
    font-size: 14px;
    line-height: 200%;
    text-align: center;
    padding-right: 30px;
}
.case-Pro-show{
    font-size: 13px;
    line-height: 22px;
    height: 48px;
    overflow: hidden;
    color: #a2a2a2;
    margin-top: 5px;
}
.swiper-button-prev1,
.swiper-button-next1 {
    position: absolute;
    margin-top: -220px;
    cursor: pointer;
}
.swiper-button-next1 {
    right: -50px;
}
.swiper-button-prev1 {
    left: -40px;
}
.zzproBox img{width: 100%;height: 100%;}
.footer{background: #2a2d32;padding-top: .5rem;padding-bottom: .5rem;width: 100%;color: #2db08d;}
.footer-p1{    background: url(../images/bot.gif) no-repeat bottom left;
    font-size: 18px;
    color: #fff;
    padding-bottom: 20px;
    margin-bottom: 15px;}
.footer-ul{width: 100%;}
.footer-ul li{display: inline-block; }
.footer-ul li a{  color: #bdbdbd;
    font-size: 14px;
    line-height: 30px;}
.footer-p2{    color: #bdbdbd;
    font-size: 14px;
    line-height: 30px;}
.footer2{background: #212527;padding:18px 0px;width: 100%;color: #959595;font-size: 13px;}
.footer2 a{font-size: 13px;color: #959595;padding-left: 4px;}
/*媒体查询*/
@media (max-width: 767px) {  
	/*在小于768像素的屏幕里,这里的样式才生效*/ 
	.col-xs-6{padding-left: 8px;padding-right: 8px;}
   .footer-ul li{width: 32%;}
   .footer2{padding-bottom: 80px;}
   .topfill{width: 100%;height: 1.4rem;}
   .orderItem{width: 50%;}
   .about-tel{background: none;display:none;padding-left: 0px;}
   .news-box4{width: 40%;}
   .news-box2{
    width:55%;
   }
   .news-a1{
    font-size: 14px;
   }
   .news-a2{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:4;
        overflow: hidden;
   }
   .news-box{
    padding-bottom: 10px;
   }
}  
@media (min-width: 768px) and (max-width: 991px) {  
	/*在768和991像素之间的屏幕里,这里的样式才生效*/ 
	.footer-ul li{width: 48%;}
	.orderItem{width:50%;}
	.news-box4{width: 100%;}
}  
@media (min-width: 992px) and (max-width: 1199px) {  
	/*在992和1199像素之间的屏幕里,这里的样式才生效*/ 
	.footer-ul li{width: 48%;}
	.orderItem{width: 50%;}
	.news-box4{width: 170px;}
	.news-box2{width: 350px;}
	.myul li{width: 45%;}
}  
@media (min-width: 1200px) {  
	/*在大于1200像素的屏幕里,这里的样式才生效*/  
	.container{width: 1200px;}
	.footer-ul li{width: 48%;}
	.orderItem{width: 210px; margin-right: 30px;}
	.news-box2{width: 400px;}
	.news-box4{width: 250px;}
}